<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>kimi个人中心</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <link rel="stylesheet" href="./css/">
</head>

<body>
  <!-- 头部 -->
  <header>
    <div class="nav">
      <div class="nav-wrapper">
        <ul class="nav-p">
          <a href="">
            <li>小米商城</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>MIUI</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>LoT</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>云服务</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>天星数科</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>有品</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>小爱开放平台</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>企业团购</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>资质证照</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>协议规则</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>下载app</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>智能生活</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>Select Location</li>
          </a>
        </ul>
        <div class="list">
          <ul>
            <li>
              Somre
              <p>></p>
              <div class="box">
                <ul>
                  <a href="">
                    <li>个人中心</li>
                  </a>
                  <a href="">
                    <li>评价晒单</li>
                  </a>
                  <a href="">
                    <li>我的喜欢</li>
                  </a>
                  <a href="">
                    <li>小米账户</li>
                  </a>
                  <a href="">
                    <li>退出登录</li>
                  </a>
                </ul>
              </div>
            </li>
          </ul>
          <div class="clear"></div>
        </div>
        <ul class="nav-p nav-r">
          <a href="">
            <li>登录</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>注册</li>
          </a>
          <div class="ver-line"></div>
          <a href="">
            <li>消息通知</li>
          </a>
          <div class="ver-line"></div>
        </ul>
        <div class="shopping">
          <i class="iconfont icon-gouwuche1"></i>
          购物车（0）
        </div>
      </div>
    </div>
  </header>
  <!-- 侧边栏 -->
  <section class="sidebar-c">
    <ul>
      <li>
        <i class="iconfont icon-Group-"></i>
      </li>
      <li>
        <i class="iconfont icon-yonghu"></i>
      </li>
      <li>
        <i class="iconfont icon-buoumaotubiao46"></i>
      </li>
      <li>
        <i class="iconfont icon-kefu1"></i>
      </li>
      <li>
        <i class="iconfont icon-gouwuche1"></i>
      </li>
    </ul>
  </section>
  <!-- 主体 -->
  <section class="content">
    <!-- 主体导航栏 -->
    <section class="navbar">
      <div class="logo">
        <img src="./assets/images/navbar-logo.png" alt="navbar-logo">
        <img src="./assets/images/navbar-logo2.png" alt="navbar-logo2">
      </div>
      <div class="bar">
        <ul class="bar-big">
          <a href="">
            <li class="container-q container">
              全部商品分类
              <div class="sidebar">
                <ul>
                  <li>
                    <object><a href="">
                        <div class="box">
                          手机&nbsp;电话卡
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </div>
                      </a></object>
                    <div class="container">
                      <div class="item">
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie.jpg" alt="">
                            </div>
                            小米11
                          </li>
                        </ul>
                      </div>
                    </div>
                  </li>
                  <li>
                    <object><a href="">
                        <div class="box">
                          电视&nbsp;盒子
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                          </span>
                        </div>
                      </a></object>
                    <div class="container">
                      <div class="item">
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie2.jpg" alt="">
                            </div>
                            凌塘村村花陈钢铁
                          </li>
                        </ul>
                      </div>
                    </div>
                  </li>
                  <li>
                    <object><a href="">
                        <div class="box">
                          笔记本&nbsp;显示器
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </div>
                      </a></object>
                    <div class="container">
                      <div class="item">
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie3.jpg" alt="">
                            </div>
                            陈钢铁
                          </li>
                        </ul>
                      </div>
                    </div>
                  </li>
                  <li>
                    <object><a href="">
                        <div class="box">
                          家电&nbsp;插线板
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </div>
                      </a></object>
                    <div class="container">
                      <div class="item">
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/毛毛3.jpg" alt="">
                            </div>
                            陈毛毛小机灵鬼
                          </li>
                        </ul>
                      </div>
                    </div>
                  </li>
                  <li>
                    <object><a href="">
                        <div class="box">
                          出行&nbsp;穿戴
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </div>
                      </a></object>
                    <div class="container">
                      <div class="item">
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie4.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                      </div>
                    </div>
                  </li>
                  <li>
                    <object><a href="">
                        <div class="box">
                          智能&nbsp;路由器
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </div>
                      </a></object>
                    <div class="container">
                      <div class="item">
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                      </div>
                    </div>
                  </li>
                  <li>
                    <object><a href="">
                        <div class="box">
                          电源&nbsp;配件
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </div>
                      </a></object>
                    <div class="container">
                      <div class="item">
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                      </div>
                    </div>

                  </li>
                  <li>
                    <object><a href="">
                        <div class="box">
                          健康&nbsp;儿童
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </div>
                      </a></object>
                    <div class="container">
                      <div class="item">
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                      </div>
                    </div>

                  </li>
                  <li>
                    <object><a href="">
                        <div class="box">
                          耳机&nbsp;音箱
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </div>
                      </a></object>
                    <div class="container">
                      <div class="item">
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                      </div>
                    </div>

                  </li>
                  <li>
                    <object><a href="">
                        <div class="box">
                          生活&nbsp;箱包
                          <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                        </div>
                      </a></object>
                    <div class="container">
                      <div class="item">
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                        <ul>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                          <li>
                            <div class="pic">
                              <img src="./assets/images/tietie5.jpg" alt="">
                            </div>
                            是钢铁铁呀
                          </li>
                        </ul>
                      </div>
                    </div>

                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              小米手机
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi11-1.webp" alt="S-navbar1-mi11-1">
                    </div>
                    <p class="grey">小米11</p>
                    <p class="orange">3999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-2.webp" alt="S-navbar1-mi10-2">
                    </div>
                    <p class="grey">小米10至尊纪念版</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-3.webp" alt="S-navbar1-mi10-3">
                    </div>
                    <p class="grey">小米10</p>
                    <p class="orange">3399元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mi10-4.webp
                      " alt="S-navbar1-mi10-4">
                    </div>
                    <p class="grey">小米10&nbsp;青春版 5G</p>
                    <p class="orange">2099元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar1-mix-5.webp" alt="S-navbar1-mix-5">
                    </div>
                    <p class="grey">小米MIX&nbsp;Alpha</p>
                    <p class="orange">19999元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              Redmi&nbsp;红米
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-1.webp" alt="S-navbar2-1">
                    </div>
                    <p class="grey">Redmi&nbsp;Note&nbsp;9&nbsp;系列</p>
                    <p class="orange">999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-2.webp" alt="S-navbar2-2">
                    </div>
                    <p class="grey">Redmi&nbsp;K30S&nbsp;至尊纪念版</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-3.webp" alt="S-navbar2-3">
                    </div>
                    <p class="grey">Redmi&nbsp;K30&nbsp;至尊纪念版</p>
                    <p class="orange">1999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-4.webp" alt="S-navbar2-4">
                    </div>
                    <p class="grey">Redmi&nbsp;9A</p>
                    <p class="orange">599元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-5.webp" alt="S-navbar2-5">
                    </div>
                    <p class="grey">Redmi&nbsp;K30&nbsp;系列</p>
                    <p class="orange">1799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar2-6.webp" alt="S-navbar2-6">
                    </div>
                    <p class="grey">Redmi&nbsp;10X</p>
                    <p class="orange">999元起</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              电视
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-1.webp" alt="S-navbar3-1">
                    </div>
                    <p class="grey">小米电视大师&nbsp;82英寸至尊纪念版</p>
                    <p class="orange">49999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-2.webp" alt="S-navbar3-2">
                    </div>
                    <p class="grey">小米电视大师&nbsp;82英寸</p>
                    <p class="orange">5299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-3.webp" alt="S-navbar3-3">
                    </div>
                    <p class="grey">小米透明电视</p>
                    <p class="orange">49999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-4.webp" alt="S-navbar3-4">
                    </div>
                    <p class="grey">小米电视&nbsp;大师&nbsp;65英寸OLED</p>
                    <p class="orange">9999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-5.webp" alt="S-navbar3-5">
                    </div>
                    <p class="grey">Redmi&nbsp;智能电视&nbsp;MAX&nbsp;98''</p>
                    <p class="orange">19999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar3-6.webp" alt="S-navbar3-6">
                    </div>
                    <p class="grey">小米电视4A&nbsp;60英寸</p>
                    <p class="orange">2599元</p>
                  </li>
                </ul>
              </div>

            </li>
          </a>
          <a href="">
            <li class="container">
              笔记本
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-1.webp" alt="S-navbar4-1">
                    </div>
                    <p class="grey">Redmi&nbsp;G&nbsp;游戏本</p>
                    <p class="orange"></p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-2.webp" alt="S-navbar4-2">
                    </div>
                    <p class="grey">RedmiBook&nbsp;16</p>
                    <p class="orange">4999元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-3.webp" alt="S-navbar4-3">
                    </div>
                    <p class="grey">RedmiBook&nbsp;14&nbsp;Ⅱ</p>
                    <p class="orange">3299元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-4.png" alt="S-navbar4-4">
                    </div>
                    <p class="grey">Pro&nbsp;15.6"&nbsp;2020款</p>
                    <p class="orange">6999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-5.webp" alt="S-navbar4-5">
                    </div>
                    <p class="grey">RedmiBook&nbsp;Air&nbsp;13</p>
                    <p class="orange">4499元起</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar4-6.webp" alt="S-navbar4-6">
                    </div>
                    <p class="grey">显示器</p>
                    <p class="orange">2399元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              家电
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-1.webp" alt="S-navbar5-1">
                    </div>
                    <p class="grey">米家互联网空调C1（一级能效）</p>
                    <p class="orange">2399元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-2.png" alt="S-navbar5-2">
                    </div>
                    <p class="grey">米家互联网空调（一级能效）</p>
                    <p class="orange">2399元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-3.jpg" alt="S-navbar5-3">
                    </div>
                    <p class="grey">Redmi全自动波轮洗衣机1A</p>
                    <p class="orange">799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-4.png" alt="S-navbar5-4">
                    </div>
                    <p class="grey">米家互联网洗烘一体机10kg</p>
                    <p class="orange">1999元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-5.webp" alt="S-navbar5-5">
                    </div>
                    <p class="grey">米家风冷对开门冰箱&nbsp;483L</p>
                    <p class="orange">2369元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar5-6.webp" alt="S-navbar5-6">
                    </div>
                    <p class="grey">米家两门冰箱&nbsp;160L</p>
                    <p class="orange">949元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              路由器
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-1.webp" alt="S-navbar6-1">
                    </div>
                    <p class="grey">小米路由器AX6000</p>
                    <p class="orange">599元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-2.webp" alt="S-navbar6-2">
                    </div>
                    <p class="grey">Redmi路由器&nbsp;AX6</p>
                    <p class="orange">329元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-3.webp" alt="S-navbar6-3">
                    </div>
                    <p class="grey">Redmi路由器&nbsp;AX5</p>
                    <p class="orange">249元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-4.webp" alt="S-navbar6-4">
                    </div>
                    <p class="grey">小米路由器&nbsp;AX1800</p>
                    <p class="orange">329元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-5.webp" alt="S-navbar6-5">
                    </div>
                    <p class="grey">小米AIoT路由器AX3600</p>
                    <p class="orange">499元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar6-6.webp" alt="S-navbar6-6">
                    </div>
                    <p class="grey">Redmi路由器AC2100LL</p>
                    <p class="orange">169元</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">
              智能硬件
              <div class="item">
                <ul class="wrapper">
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-1.webp" alt="S-navbar7-1">
                    </div>
                    <p class="grey">小米全自动智能门锁</p>
                    <p class="orange">1799元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-2.webp" alt="S-navbar7-2">
                    </div>
                    <p class="grey">Redmi小爱触屏音箱Pro8</p>
                    <p class="orange">499元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-3.jpg" alt="S-navbar7-3">
                    </div>
                    <p class="grey">小米小爱触屏音箱</p>
                    <p class="orange">199元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-4.webp" alt="S-navbar7-4">
                    </div>
                    <p class="grey">Redmi小爱音箱&nbsp;Play</p>
                    <p class="orange">79元</p>
                  </li>
                  <li>
                    <div class="pic">
                      <img src="./assets/images/S-navbar7-5.webp" alt="S-navbar7-5">
                    </div>
                    <p class="grey">查看全部</p>
                    <p class="orange">智能硬件</p>
                  </li>
                </ul>
              </div>
            </li>
          </a>
          <a href="">
            <li class="container">服务</li>
          </a>
          <a href="">
            <li class="container">社区</li>
          </a>
        </ul>
      </div>
      <div class="search">
        <input type="text" placeholder="" class="search-input">
        <div class="sear-icont">
          <i class="iconfont icon-sousuo"></i>
        </div>
        <div class="item">
          <ul>
            <li>小米11</li>
            <li>小米10</li>
            <li>全部商品</li>
            <li>扫地机器人</li>
            <li>红米</li>
            <li>洗衣机</li>
            <li>冰箱</li>
            <li>耳机</li>
          </ul>
        </div>
      </div>
      </div>

    </section>
  </section>
  <section class="main grey">
    <div class="main-box">
      <div class="main-title">
        首页
        <span>/</span>
        个人中心
      </div>
      <div class="main-body">
        <div class="left">
          <ul>
            <a href="">
              <li class="title">订单中心</li>
            </a>
            <a href="">
              <li>我的订单</li>
            </a>
            <a href="">
              <li>评价晒单</li>
            </a>
            <a href="">
              <li>话费充值订单</li>
            </a>
            <a href="">
              <li>以旧换新订单</li>
            </a>
          </ul>
          <ul>
            <a href="">
              <li class="title">个人中心</li>
            </a>
            <a href="">
              <li class="or">我的个人中心</li>
            </a>
            <a href="">
              <li>消息通知</li>
            </a>
            <a href="">
              <li>购买资格</li>
            </a>
            <a href="">
              <li>现金账户</li>
            </a>
            <a href="">
              <li>小米礼品卡</li>
            </a>
            <a href="">
              <li>现金券</li>
            </a>
            <a href="">
              <li>喜欢的商品</li>
            </a>
            <a href="">
              <li>优惠券</li>
            </a>
            <a href="">
              <li>收货地址</li>
            </a>
            <a href="">
              <li>红包</li>
            </a>
          </ul>
          <ul>
            <a href="">
              <li class="title">售后服务</li>
            </a>
            <a href="">
              <li>服务记录</li>
            </a>
            <a href="">
              <li>申请服务</li>
            </a>
            <a href="">
              <li>领取快递报销</li>
            </a>
          </ul>
          <ul>
            <a href="">
              <li class="title">账户管理</li>
            </a>
            <a href="">
              <li>个人信息</li>
            </a>
            <a href="">
              <li>申请服务</li>
            </a>
            <a href="">
              <li>修改密码</li>
            </a>
          </ul>
        </div>
        <div class="right">
          <div class="user">
            <div class="user-left">
              <div class="left">
                <img src="./assets/images/U-USER1.jpg" alt="U-USER1">
              </div>
              <div class="right">
                <p>Somre</p>
                <p>下午好～</p>
                <p><a href="">修改个人信息 ></a></p>
              </div>
            </div>
            <div class="user-right">
              <ul>
                <li>账户安全：
                  <span>较高</span>
                </li>
                <li>绑定手机：136******52</li>
                <li>绑定邮箱：91******2@q*.com</li>
              </ul>
            </div>
          </div>
          <div class="icont-item">
            <div class="box">
              <div class="icont">
                <i class="iconfont icon-qianbao"></i>
              </div>
              <div class="text">
                <p>
                  待支付的订单：
                  <span>0</span>
                </p>
                <p>
                  查看待支付订单
                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                </p>
              </div>
            </div>
            <div class="box">
              <div class="icont">
                <i class="iconfont icon-huoche"></i>
              </div>
              <div class="text">
                <p>
                  待收货的订单：
                  <span>0</span>
                </p>
                <p>
                  查看待收货订单
                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                </p>
              </div>
            </div>
            <div class="box">
              <div class="icont">
                <i class="iconfont icon-xiaoxi"></i>
              </div>
              <div class="text">
                <p>
                  待评价商品数：
                  <span>0</span>
                </p>
                <p>
                  查看待评价商品
                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                </p>
              </div>
            </div>
            <div class="box">
              <div class="icont">
                <i class="iconfont icon-02"></i>
              </div>
              <div class="text">
                <p>
                  喜欢的商品：
                  <span>0</span>
                </p>
                <p>
                  查看喜欢的商品
                  <i class="iconfont icon-iconfonticonfonti2copycopy"></i>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="foot">
    <div class="foot-up">
      <ul>
        <li>
          <a href="">
            <i class="iconfont icon-weixiubanshou"></i>
            预约维修服务
          </a>
        </li>
        <li>
          <a href="">
            <i class="iconfont icon-7tiantuihuo"></i>
            7天无理由退货
          </a>
        </li>
        <li>
          <a href="">
            <i class="iconfont icon-15tianbaohuan"></i>
            15天免费换货
          </a>
        </li>
        <li>
          <a href="">
            <i class="iconfont icon-liwu1"></i>
            满99元包邮
          </a>
        </li>
        <li>
          <a href="">
            <i class="iconfont icon-dingwei1"></i>
            520余家售后网点
          </a>
        </li>
      </ul>
    </div>
    <div class="foot-down">
      <div class="left">
        <ul>
          <li>
            <p class="title">帮助中心</p>
            <p class="text">账户管理</p>
            <p class="text">购物指南</p>
            <p class="text">订单操作</p>
          </li>
          <li>
            <p class="title">服务支持</p>
            <p class="text">售后政策</p>
            <p class="text">自助服务</p>
            <p class="text">相关下载</p>
          </li>
          <li>
            <p class="title">线下门店</p>
            <p class="text">小米之家</p>
            <p class="text">服务网点</p>
            <p class="text">授权体验店</p>
          </li>
          <li>
            <p class="title">关于小米</p>
            <p class="text">了解小米</p>
            <p class="text">加入小米</p>
            <p class="text">投资者关系</p>
            <p class="text">企业社会责任</p>
            <p class="text">廉洁举报</p>
          </li>
          <li>
            <p class="title">关注我们</p>
            <p class="text">新浪微博</p>
            <p class="text">官方微信</p>
            <p class="text">联系我们</p>
            <p class="text">公益基金会</p>
          </li>
          <li>
            <p class="title">特色服务</p>
            <p class="text">F 码通道</p>
            <p class="text">礼物码</p>
            <p class="text">防伪查询</p>
          </li>
        </ul>
      </div>
      <div class="right">
        <p class="phone">400-100-5678</p>
        <p class="time">8:00-18:00（仅收市话费）</p>
        <button class="people"><i class="iconfont icon-xinxi2"></i>人工客服</button>
        <p class="contact">关注小米：
          <i class="iconfont icon-weibo"></i>
          <i class="iconfont icon-weixin"></i>
        </p>
      </div>
    </div>
  </section>
  <footer>
    <div class="foot-wraper">
      <div class="foot-top">
        <div class="foot-left">
          <div class="logo">
            <img src="./assets/images/S-logo-footer.png" alt="S-logo-footer">
          </div>
        </div>
        <div class="foot-right">
          <div class="foot-text-one">
            <ul>
              <li>
                <a href="">
                  小米商城
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  MIUI
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  米家
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  米聊
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  多看
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  游戏
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  政企服务
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  小米天猫店
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  小米集团隐私政策
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  小米公司儿童信息保护规则
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  小米商城隐私政策
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  小米商城用户协议
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  问题反馈
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  Select Location
                </a>
              </li>
            </ul>
            <ul>
              <li>
                <a href="">
                  北京互联网法院法律服务工作站
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  中国消费者协会
                </a>
              </li>
              <span class="ver-line"></span>
              <li>
                <a href="">
                  北京市消费者协会
                </a>
              </li>
              <span class="ver-line"></span>
            </ul>
          </div>
          <div class="foot-text-two">
            <p>
              <a href="" class="no">&copy;</a>
              <a href="" class="light">mi.com</a>
              <a href="" class="no"> 京ICP证110507号</a>
              <a href="" class="light">京ICP备10046444号</a>
              <a href="" class="light"> 京公网安备11010802020134号</a>
              <a href="" class="light">京网文[2020]0276-042号</a>
            </p>
            <p>
              <a href="" class="light">（京）网械平台备字（2018）第00005号</a>
              <a href="" class="light">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
              <a href="" class="light">营业执照</a>
              <a href="" class="light">医疗器械质量公告</a>
            </p>
            <p>
              <a href="" class="light">增值电信业务许可证</a>
              <a href="" class="no"> 网络食品经营备案&nbsp;京食药网食备202010048</a>
              <a href="" class="light">食品经营许可证</a>
            </p>
            <p>
              <a href="" class="no">违法和不良信息举报电话：171-5104-4404 &nbsp</a>
              <a href="" class="light">知识产权侵权投诉</a>
              <a href="" class="no"> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
            </p>
          </div>
          <div class="foot-img">
            <a href="">
              <img src="./assets/images/footer-truste.png" alt="footer-truste">
            </a>
            <a href="">
              <img src="./assets/images/footer-truste2.png" alt="footer-truste2">
            </a>
            <a href="">
              <img src="./assets/images/footer-truste3.png" alt="footer-truste3">
            </a>
            <a href="">
              <div>
                <img src="./assets/images/footer-truste4.png" alt="footer-truste4" class="foot-last">
                <img src="./assets/images/footer-truste5.png" alt="footer-truste5" class="foot-last">
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="foot-text-three">
        让全球每个人都能享受科技带来的美好生活
      </div>
    </div>
  </footer>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.4.5/swiper-bundle.min.js"></script>
  <script>
    var mySwiper = new Swiper('.swiper-container', {
      direction: 'horizontal', // 水平
      loop: true, // 循环模式选项

      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
      },

      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },

      // // 如果需要滚动条
      // scrollbar: {
      //   el: '.swiper-scrollbar',
      // },
    })

    var mySwiper1 = new Swiper('.swiper-container1', {
      direction: 'horizontal', // 水平
      loop: false, // 循环模式选项

      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
      },

      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },

      // // 如果需要滚动条
      // scrollbar: {
      //   el: '.swiper-scrollbar',
      // },
    })


  </script>
</body>

</html>